$(document).ready(function () {
  load(); //加載數據
  addName(); //新增数据
  updateName(); //修改数据
  close(); //关闭弹窗
  add(); //新增弹窗弹出
  list();//奖品列表
  unclaimed();//尚未領取
});
//綁定事件 修改 的點擊事件  修改弹出
$(document).on("click", ".update", function () {
  $(".title-content").text("修改獎品");
  $(".modal ").removeClass("hidden");
  $(".update-name").removeClass("hidden");
  $(".add-name").addClass("hidden");
  $(".show-name").val($(this).parent().prev().prev().prev().text());
  $(".name-id").text($(this).parent().prev().prev().prev().prev().text());
});
//綁定事件 删除 的點擊事件
$(document).on("click", ".del", function () {
  $.ajax({
    "url": "controllers/del.php",
    "method": "post",
    "data": {
      nameid: $(this).parent().prev().prev().prev().prev().prev().text()
    },
    "success": function (response) {
      //成功請求資源時
      $(".list").click();
    }
  });
});
/**
 * 新增弹出显示
 */
function add() {
  $(".add").click(function () {
    $(".show-name").val("");
    $(".title-content").text("新增獎品");
    $(".modal ").removeClass("hidden");
    $(".update-name").addClass("hidden");
    $(".add-name").removeClass("hidden");
  });
}
/**
 * 关闭弹窗
 */
function close() {
  $(".close").click(function () {
    $(".modal ").addClass("hidden");
  });
}

function load() {
  $.ajax({
    "url": "controllers/show.php",
    "method": "post",
    "data": { type: "show" },
    "success": function (response) {
      //成功請求資源時
      var loadArry = JSON.parse(response);
      for (var i = 0; i < loadArry.length; i++) {
        if (loadArry[i][3] === null) {
          $("table tr:last").after('<tr><td>' + (i + 1) + '</td><td class="hidden">' + loadArry[i][0] + '</td><td>' + loadArry[i][1] +
            '</td><td>' + loadArry[i][2] +
            '</td><td>尚未領取</td><td><input type="button" class="update" value="修改" /></td><td><input type="button" class="del" value="刪除" /></td></tr>'
          );
        } else {
          $("table tr:last").after('<tr><td>' + (i + 1) + '</td><td class="hidden">' + loadArry[i][0] + '</td><td>' + loadArry[i][1] +
            '</td><td>' + loadArry[i][2] + '</td><td>' + loadArry[i][3] +
            '</td><td><input type="button" class="update" value="修改" /></td><td><input type="button"  class="del" value="刪除" /></td></tr>'
          );
        }
      }
    },
    "error": function (error) {
      //當錯誤發生時
    }
  });
}

//新增商品
function addName() {
  $(".add-name").click(function () {
    if ($(".show-name").val() !== "") {
      $.ajax({
        "url": "controllers/add.php",
        "method": "post",
        "data": {
          name: $(".show-name").val()
        },
        "success": function (response) {
          //成功請求資源時
          $(".list").click();
          $(".close").click();
        }
      });
    } else {

    }
  });
}
//修改商品
function updateName() {
  $(".update-name").click(function () {
    $.ajax({
      "url": "controllers/update.php",
      "method": "post",
      "data": {
        name: $(".show-name").val(),
        nameid: $(".name-id").text()
      },
      "success": function (response) {
        //成功請求資源時
        $(".list").click();
        $(".close").click();
      }
    });
  });
}
function list() {
  $(".list").click(function () {
    $("tr:nth-child(2)").nextAll().each(function () {
      $(this).remove();
    });
    load();
  });
}
function unclaimed() {
  $(".unclaimed").click(function () {
    $("tr:nth-child(2)").nextAll().each(function () {
      $(this).remove();
    });
    $.ajax({
      "url": "controllers/show.php",
      "method": "post",
      "data": { type: "unclaimed" },
      "success": function (response) {
        //成功請求資源時
        var loadArry = JSON.parse(response);
        for (var i = 0; i < loadArry.length; i++) {
          $("table tr:last").after('<tr><td>' + (i + 1) + '</td><td class="hidden">' + loadArry[i][0] + '</td><td>' + loadArry[i][1] +
            '</td><td>' + loadArry[i][2] +
            '</td><td>尚未領取</td><td><input type="button" class="update" value="修改" /></td><td><input type="button" class="del" value="刪除" /></td></tr>'
          );
        }
      }
    });
  });
}
